.m-4{ margin: 4px; }
.m-5{ margin: 5px; }
.m-10{ margin: 10px; }
.m-15{ margin: 15px; }
.m-20{ margin: 20px; }
.m-25{ margin: 25px; }
.m-30{ margin: 30px; }
.mb-4{ margin-bottom: 4px; }
.mt-4{ margin-top: 4px; }
.ml-4{ margin-left: 4px; }
.mr-4{ margin-right: 4px; }


.mb-5{ margin-bottom: 5px; }
.mt-5{ margin-top: 5px; }
.ml-5{ margin-left: 5px; }
.mr-5{ margin-right: 5px; }

.mb-10{ margin-bottom: 10px; }
.mt-10{ margin-top: 10px; }
.ml-10{ margin-left: 10px; }
.mr-10{ margin-right: 10px; }

.mb-15{ margin-bottom: 15px; }
.mt-15{ margin-top: 15px; }
.ml-15{ margin-left: 15px; }
.mr-15{ margin-right: 15px; }

.mb-20{ margin-bottom: 20px; }
.mt-20{ margin-top: 20px; }
.ml-20{ margin-left: 20px; }
.mr-20{ margin-right: 20px; }

.mb-25{ margin-bottom: 25px; }
.mt-25{ margin-top: 25px; }
.ml-25{ margin-left: 25px; }
.mr-25{ margin-right: 25px; }

.mb-30{ margin-bottom: 30px; }
.mb-40{ margin-bottom: 40px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.ml-30{ margin-left: 30px; }
.mr-30{ margin-right: 30px; }
.mr-60{margin-right: 60px; }
.ml-60{margin-left: 60px; }
.mt-60{margin-top: 60px; }
.mb-60{margin-bottom: 60px; }


.p-5{ padding: 5px; }
.p-10{ padding: 10px; }
.p-15{ padding: 15px; }
.p-20{ padding: 20px; }
.p-25{ padding: 25px; }
.p-30{ padding: 30px; }
.pb-5{ padding-bottom: 5px; }
.pt-5{ padding-top: 5px; }
.pl-5{ padding-left: 5px; }
.pr-5{ padding-right: 5px; }

.pb-10{ padding-bottom: 10px; }
.pt-10{ padding-top: 10px; }
.pl-10{ padding-left: 10px; }
.pr-10{ padding-right: 10px; }

.pb-15{ padding-bottom: 15px; }
.pt-15{ padding-top: 15px; }
.pl-15{ padding-left: 15px; }
.pr-15{ padding-right: 15px; }

.pb-20{ padding-bottom: 20px; }
.pt-20{ padding-top: 20px; }
.pl-20{ padding-left: 20px; }
.pr-20{ padding-right: 20px; }

.pb-25{ padding-bottom: 25px; }
.pt-25{ padding-top: 25px; }
.pl-25{ padding-left: 25px; }
.pr-25{ padding-right: 25px; }

.pb-30{ padding-bottom: 30px; }
.pt-30{ padding-top: 30px; }
.pl-30{ padding-left: 30px; }
.pr-30{ padding-right: 30px; }
.pb-45{ padding-bottom: 45px;}
.fs-12{
	font-size: 12px;
}
.fs-14{
	font-size: 14px;
}
.fs-16{
	font-size: 16px;
}
.fs-18{
	font-size: 18px;
}
.fs-20{
	font-size: 20px;
}
.fs-24{
	font-size: 24px;
}
.fs-28{
	font-size: 28px;
}
.fs-48{
	font-size: 48px;
}
.text-333{
	color: #333;
}
.color-333{
	color: #333;
}
.flex {
  display: flex;
}
.flex-1{
	flex: 1;
}
.flex-shrink{
	flex-shrink:0;
}
.flex-wrap{
	display: flex;
	flex-wrap: wrap;
}
.flex-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-col {
		display: flex;
		flex-direction: column;
	}

.flex-row {
	display: flex;
	flex-direction: row;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}

.justify-center {
	display: flex;
	justify-content: center;
}


.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}

.justify-around {
	display: flex;
	justify-content: space-around;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.align-start {
	display: flex;
	align-items: flex-start;
}

.align-center {
	display: flex;
	align-items: center;
}
.body-content {
		min-height: 0;
		min-width: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.toe {
		-webkit-line-clamp: 1;/*行数*/
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  text-align: left;
	}
	.toe2 {
	  -webkit-line-clamp: 2;/*行数*/
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  text-align: left;
	}
	.toe3 {
	  -webkit-line-clamp: 3;/*行数*/
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  text-align: left;
	}
	.toe4 {
	  -webkit-line-clamp: 4;/*行数*/
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  text-align: left;
	}
	.toe5 {
	  -webkit-line-clamp: 5;/*行数*/
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  text-align: left;
	}
	.position-center{
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.poc-50{
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.pol-50{
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.pot-50{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.back-img{
		background-position: 0% 0% !important;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
	}
	.color-999{
		color: #999;
	}
	.color-666{
		color: #666;
	}
	.color-red{
		color: red;
	}
	.safe-content{
		height: calc(100vh);
		height: calc(100vh + env(safe-area-inset-bottom) / 2);
	}
	.pb-safe{
		padding-bottom: calc(50px + env(safe-area-inset-bottom) / 2);
	}
	.img {
		width: 12px;
		height: 11px;
	}
	.img-14 {
		width: 14px;
		height: 14px;
	}
	.img-16 {
		width: 16px;
		height: 16px;
	}
	.img-20 {
		width: 20px;
		height: 20px;
	}
	.img-46 {
		width: 46px;
		height: 46px;
	}
	.img-60 {
		width: 60px;
		height: 60px;
	}
	.img-100 {
		width: 100px;
		height: 100px;
	}.img-110 {
		width: 110px;
		height: 110px;
	}
	.color-yellow{
		color: #FFA52A ;
	}
	.back-yellow{
		background-color: #FFA52A ;
	}
	.btn{
		height: 37px;
		color: #fff;
	  display: flex;
	  justify-content: center;
	  align-items: center;
		background: #FFA52A;
		border-radius: 20px;
	}
	.fw-600{
		font-weight: 600;
	}
	.over-hidden{
		overflow: hidden;
	}
	.overx-hidden{
		overflow-x: hidden;
	}
	.overy-hidden{
		overflow-y: hidden;
	}
	.over-auto{
		overflow: auto;
	}
	.overx-auto{
		overflow-x: auto;
	}
	.overy-auto{
		overflow-y: auto;
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}